<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有触发型效果
		     JQuery的使用方式：
			 1.JQuery官方网站，下载JQuery封装js库，格式：jquery——1.111.js
			                  jquery-2.X.js之后的版本不支持IE 6、7、8
			 2.引入JQuery框架【js类库】，在head中，script元素  导入
			                <script src="js/script-1.11.1.js"></script>
			 3.编写JQuery框架语法---JS页面动态效果
			 在页面最后body前方加script元素，为什么？
			 思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果
			      整个html+css   理解为一颗DOM数：元素、属性、属性值，先存在、
				  这些元素中，才可以进行操作。所以，JS中DOM的操作需要等页面元素
				  都加载完毕，才可以对页面元素进行实质性操作！
				  
			    javaScript行为层  EMCAScript5.0核心语法层--类似与Java基础
				                  功能：做逻辑
							重点：DOM Document Object Model 文档节点对象模型
								  功能：做页面效果【结合逻辑】
								  BOM树   document     元素、属性、属性值
								            html
										head    body
									meta
								  BOM Browser Object Model      浏览器对象模型
								  作用：做浏览器效果【结合逻辑】   吸顶灯效果 
		 -->
		 <script src="js/script-1.11.1.js"></script>
	</head>
	<body>
		<button>功德加一</button>
		<!-- 编写JQ语法 -->
		<script>
			/* JQ语法 */
			$("button").click(function(){alert(别着急~)})
			
		</script>
	</body>
</html>